<?xml version="1.0" encoding="UTF-8" ?> 
<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform">

	<xsl:include href="../../xsl/templates/search.xsl"/>
	<xsl:include href="../../xsl/templates/mydocuments.xsl"/>

<!-- ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ -->	

	<xsl:template match="/">
	
		<PAGE>
			
			<add type="stylesheet" src="private/grupos/PageCrearGruposPorFase.css"/>
			<add type="script" src="private/grupos/PageCrearGruposPorFase.js"/>
			
			<esquemaHMCF/>
			<xsl:apply-templates select="//XMLPAGE/*"/>
				
			
			<div style="margin:0 2%">
				<seccion>
					<titulo>Crear Grupo</titulo>
					<contenido>
						
						<div>
							Para crear un grupo es indispensable seleccionar la fase a la que pertenece y posteriormente ingresar la información solicitada.
						</div>
						
						<form id="form_grupo" destino="{//contextPath}/grupos/PageCrearGruposPorFase_1.do">
						
							<!-- INFORMACION GENERAL -->
							<subseccion>
								<titulo>Información general</titulo>
								<contenido>
									<table class="table-formulario">
									   <tbody>
									    <!-- TITULO -->
									    <tr>
									      <td class="align-right w20pto"><b>(*)Fase:</b></td>
									      <td class="" >
									      	<combobox id="Grupo_fase" name="Grupo.fase">
												<xsl:for-each select="//ArrayList/Fase">
													<option value="{fase}" text="{nombre}" >
											  			<div >
											  				<div style="width:200px" >
											  					<xsl:value-of select="nombre"/>
											  				</div>
											  					
											  			</div>
											  		</option>
											  	</xsl:for-each>
											</combobox>
									      </td>
									      <!-- <td>&#160;</td>  -->
									    </tr>
									     
									    <!-- NOMBRE GRUPO -->
									    <tr>
									      <td class="align-right "><b>(*)Nombre del grupo:</b></td>
									      <td >
									      	<input id="Grupo_nombre" name="Grupo.nombre"  class="text" type="text"/>
									      </td>
									    </tr>
									      
									  </tbody>
									</table>
								
								</contenido>
							
							</subseccion>
							
							<!-- EQUIPOS -->
							<subseccion>
								<titulo>Equipos asociados</titulo>
								<contenido>
									<table class="table-formulario">
										<tbody>
											<!-- EQUIPOS-->
											<tr>
												<td class="align-right w20pto ">
													<b>(*)Equipos:</b>
												</td>
												<td  class="">
													<div style="float:left ">
														<combobox id="combo_equipos_relacionados" name="combo_equipos_relacionados">
															<xsl:for-each select="//ArrayList/Equipo">
																<option value="{equipo}" text="{nombre}">
																	<div>
																		<b>
																			<xsl:value-of select="nombre" />
																		</b>
																	</div>
																</option>
															</xsl:for-each>
														</combobox>
													</div>
													<div style="float:left">
														<input class="boton" type="button"
															onclick="agregarItemComboAListado('combo_equipos_relacionados', 'listado_item_equipos', 'plantilla_item_equipo', 'total_items_equipo')"
															value="Agregar" />
													</div>
													<clearboth />
													<span>
														...agregue los equipos seleccionando de la lista y
														oprimiendo el botón agregar.												
													</span>
									
									
												</td>
											</tr>
											<tr>
												<td class="align-right ">&#160;</td>
												<td>
													<!-- contenedor de items -->
													<div id="listado_item_equipos" class="area_listado_equipo" />
									
													<!-- contador de items -->
													<input type="hidden" id="total_items_equipo" value="0" />
												</td>
											</tr>
										</tbody>
									</table>
								
															
								</contenido>
							</subseccion>
						</form>
					
						<!-- ACCIONES -->
						<areabotones aling="right">
							<input class="boton" type="button" onclick="osm_enviarFormulario('form_grupo');" value="Crear grupo"/>
							<input class="boton" type="button" onclick="osm_go('inicio/PageInicioAdmin.do');" value="Cancelar"/>
						</areabotones>
						
						
						<!-- PLANTILLAS -->
						<div id="plantilla_item_equipo" style="display:none">
								
							<div id="item_equipo_[ 3 ]">
								<separador/>
								<div class="icon-mini-delete" style="float:left" onclick="eliminarItemDeListado('item_equipo_[ 3 ]')"></div>
								<div class="item_listado" style="float:left">[ 2 ]</div>													
								<clearboth/>
								<input type="hidden" name="EquiposGrupo:[[ 3 ]]" id="EquiposGrupo:[[ 3 ]]" value="[ 1 ]" />
							</div>	
								
						</div>	
							
						
						
					
					</contenido>				
				</seccion>
			
							
			</div>
			
		</PAGE>
		
	</xsl:template>

<!-- ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ -->
	
	
	<xsl:template match="@*|node()" priority="-1">
	    <xsl:copy>
	        <xsl:apply-templates select="@*|node()"/>
	    </xsl:copy>
	</xsl:template>

<!-- ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ -->	
	
</xsl:stylesheet>